<div class="leftpanel">
    <div class="logopanel">
        <h1><span>[</span> Dark Knight <span>]</span></h1>
    </div>
    <div class="leftpanelinner">

        <!-- This is only visible to small devices -->
        <div class="visible-xs hidden-sm hidden-md hidden-lg">
            <div class="media userlogged">
                <img alt="" src="images/photos/loggeduser.png" class="media-object">

                <div class="media-body">
                    <h4>John Doe</h4>
                    <span>"Life is so..."</span>
                </div>
            </div>

            <h5 class="sidebartitle actitle">Account</h5>
            <ul class="nav nav-pills nav-stacked nav-bracket mb30">
                <li><a href="profile.html"><i class="fa fa-user"></i> <span>Profile</span></a></li>
                <li><a href=""><i class="fa fa-cog"></i> <span>Account Settings</span></a></li>
                <li><a href=""><i class="fa fa-question-circle"></i> <span>Help</span></a></li>
                <li><a href="signout.html"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
            </ul>
        </div>
        <ul id="colin-dashboard-menu" class="nav nav-pills nav-stacked nav-bracket">
            <li><a href="./dashboard.html"><i class="fa fa-home"></i> <span>系统首页</span></a></li>
            <%if(!isEmpty(menuList)){for(menu in menuList){%>
            <%if(isEmpty(menu.childMenuList)){%>
            <li><a href=".${menu.menu_url}"><i class="${menu.menu_icon}"></i> <span>${menu.menu_name}</span></a></li>
            <%}else{%>
            <li class="nav-parent"><a href="${menu.menu_url}"><i class="${menu.menu_icon}"></i>
                <span>${menu.menu_name}</span></a>
                <ul class="children">
                    <%for(subMenu in menu.childMenuList){%>
                    <li><a href=".${subMenu.menu_url}"><i class="${subMenu.menu_icon}"></i> ${subMenu.menu_name}</a>
                    </li>
                    <%}%>
                </ul>
            </li>
            <%}}}%>
        </ul>

        <div class="infosummary">
            <h5 class="sidebartitle">Information Summary</h5>
            <ul>
                <li>
                    <div class="datainfo">
                        <span class="text-muted">Daily Traffic</span>
                        <h4>630, 201</h4>
                    </div>
                    <div id="sidebar-chart" class="chart"></div>
                </li>
                <li>
                    <div class="datainfo">
                        <span class="text-muted">Average Users</span>
                        <h4>1, 332, 801</h4>
                    </div>
                    <div id="sidebar-chart2" class="chart"></div>
                </li>
                <li>
                    <div class="datainfo">
                        <span class="text-muted">Disk Usage</span>
                        <h4>82.2%</h4>
                    </div>
                    <div id="sidebar-chart3" class="chart"></div>
                </li>
                <li>
                    <div class="datainfo">
                        <span class="text-muted">CPU Usage</span>
                        <h4>140.05 - 32</h4>
                    </div>
                    <div id="sidebar-chart4" class="chart"></div>
                </li>
                <li>
                    <div class="datainfo">
                        <span class="text-muted">Memory Usage</span>
                        <h4>32.2%</h4>
                    </div>
                    <div id="sidebar-chart5" class="chart"></div>
                </li>
            </ul>
        </div>
        <!-- infosummary -->

    </div>
    <!-- leftpanelinner -->
</div><!-- leftpanel -->